﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../Resources/Styles/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Resources/Styles/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../Resources/Styles/Reset.css" rel="stylesheet" type="text/css" />
    <script src="../../Resources/Scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="../../Resources/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../Resources/Scripts/QQRelate.js" type="text/javascript"></script>
    <script src="../../Resources/Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body style="text-align: center; font-size: 35px">
    <div style="margin: 0 auto; width: 800px;">
        <table id="dg" title="QQ关联" class="easyui-datagrid" style="width: 1030px; height: 800px"
            url="../../BusinessTier/Handlers/QQRelateHandler.ashx?type=Get" toolbar="#toolbar"
            rownumbers="true" fitcolumns="true" singleselect="true" sortname="QQMappID" sortorder="asc">
            <thead>
                <tr>
                    <th field="QQMappID" sortable="true">
                        QQ映射ID
                    </th>
                    <th field="MainQQ" width="50" sortable="true">
                        QQ号码1
                    </th>
                    <th field="QQ" width="50" sortable="true">
                        QQ号码2
                    </th>
                    <th field="CreateTime" width="50">
                        创建时间
                    </th>
                </tr>
            </thead>
        </table>
        <div id="toolbar">
            <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" plain="true"
                onclick="newQQRelate()">添加QQ关联信息</a> <a href="javascript:void(0)" class="easyui-linkbutton"
                    iconcls="icon-edit" plain="true" onclick="editQQRelate()">编辑QQ关联信息</a> <a href="javascript:void(0)"
                        class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="destroyQQRelate()">
                        删除QQ关联</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search"
                            plain="true" onclick="SearchQQRelate()">搜索</a><input name="txtQQName" id="txtQQName"
                                style="">
        </div>
        <div id="dlg" class="easyui-dialog" style="width: 420px; height: 350px;" closed="true"
            buttons="#dlg-buttons">
            <form id="fm" method="post" enctype="multipart/form-data" novalidate />
            <fieldset>
                <legend>QQ关联信息</legend>
                <div class="fitem" style="margin-top: 10px;">
                    <table class="BaseInfo" style="width: 100%; height: 100%;">
                        <tr>
                            <td>
                                关联QQ 1
                            </td>
                            <td>
                                <input name="MainQQ" validtype="QQ" class="easyui-validatebox" required="true" missingmessage="QQ号码不能为空!">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                关联QQ 2
                            </td>
                            <td>
                                <input name="QQ" validtype="QQ" class="easyui-validatebox" required="true" missingmessage="名字不能为空！">
                            </td>
                        </tr>
                    </table>
                </div>
            </fieldset>
            </form>
        </div>
        <div id="dlg-buttons">
            <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveQQRelate()">
                保存</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel"
                    onclick="javascript:$('#dlg').dialog('close')">取消</a>
        </div>
        <style type="text/css">
            #fm
            {
                margin: 0;
                padding: 10px 30px;
            }
            .ftitle
            {
                font-size: 14px;
                font-weight: bold;
                padding: 5px 0;
                margin-bottom: 10px;
                border-bottom: 1px solid #ccc;
            }
            .fitem
            {
                margin-bottom: 5px;
            }
            .fitem label
            {
                display: inline-block;
                width: 80px;
            }
        </style>
    </div>
</body>
</html>
